<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Smart Admin - Login</title>
<style type="text/css">
body, form , p {ldelim}margin:0; padding:0;{rdelim}
body {ldelim}font:10pt "Lucida Sans Unicode", "Lucida Grande", sans-serif; background:#383838;{rdelim}
div#logo p{ldelim}display:none;{rdelim}
div#logo {ldelim}background:url(media/images/logo_login.jpg) no-repeat; width:174px; height:48px; margin:0 auto 55px auto;{rdelim}
div#logo h1 {ldelim}font-size:18pt;{rdelim}
div#logo h1  a {ldelim}display:block; height:48px;{rdelim}
div#logo h1 span {ldelim}display:none;{rdelim}

h1, h2 {ldelim}margin:0; padding:0;{rdelim}

#container {ldelim}width:980px; background:url(media/images/bg_login.jpg) no-repeat top center; margin:0 auto; padding-top:19px; height:355px{rdelim}

label.smallInput {ldelim} background:url(media/images/bg_s_input.gif) no-repeat; width:168px;{rdelim}
label.smallInput, label.mediumInput, label.largeInput {ldelim}padding:4px 6px 0px 6px; height:23px; display:block; margin:5px 0 0 0;{rdelim}
label.smallInput input, label.mediumInput input, label.largeInput input {ldelim}background:none; border:none;  font-size:0.9em; color:#666;{rdelim}

#loginForm {ldelim}background:url(media/images/bg_loginBox.jpg) no-repeat; width:421px; height:240px; margin:0 auto 0 auto; padding:10px{rdelim}
#loginForm h2 {ldelim}color:#fff; display:block; width:180px; float:left; font-size:14pt{rdelim}
p#forgotPass {ldelim}float:right; margin-right:15px; margin-top:3px{rdelim}
p#forgotPass a {ldelim}color:#100d00;{rdelim}
p#forgotPass a:hover {ldelim}text-decoration:none;{rdelim}
div#loginContainer {ldelim}clear:both; width:100%; padding-top:25px; color:#666; padding-left:7px{rdelim}

p#user, p#pass, p#remember, p#submit {ldelim}float:left; margin-right:30px; margin-bottom:20px{rdelim};
</style>
</head>

<body>
<div id="container">
  <div id="logo">
    <h1><a href="#"><span>Smart Admin</span></a></h1>
    <p>Corporate CMS Skin</p>
  </div>
  <form id="loginForm" name="form1" method="post" action="{$base_url}index.php?c=login">
    <h2>##AD_LOGIN##</h2>
    <p id="forgotPass"><a href="{$forgotpwd_link}">##AD_FORGOT_PASS##?</a></p>
    <div id="loginContainer">
      <p id="user">##AD_USER_NAME##:<br />
        <label class="smallInput">
          <input name="user_name" id="user_name" type="text" size="28" />
        </label>
      </p>
      <p id="pass">##AD_PASS_WORD##:      <br />
        <label class="smallInput">
          <input name="pass_word" id="pass_word" type="password" size="28" />
        </label>
      </p>
      <!--p>##AD_LANGUAGE##
      	<label>
        	<select name="admLang" id="admLang">
          	{foreach item=itemLang from=$langList}
          	<option value="{$itemLang.id}">{$itemLang.name}</option>
            {/foreach}
          </select>
        </label>
      </p><br /-->
      <p id="remember" style="width:275px;">
        <label>
          <input type="checkbox" name="checkbox" id="checkbox" />
        </label>
      ##AD_REMEMBER_ME##      </p>
      <p id="submit">
        <label>
          <input type="image" name="imageField" id="imageField" src="media/images/bt_submit.gif" />
        </label>
      </p>
    </div>
  </form>
  <h2>&nbsp;</h2>
</div>
<p>&nbsp;</p>
</body>
</html>
